	
	/* Header */
	
	*{margin:0;padding:0}
	body{background:url(images/bg.png)}
#main_bg
{
	width: 950px;
	margin: 0 auto;
	font-family: Calibri;
}
	
#title_page
{
	height: 75px;
	width: 900px;
	float: left;
	color: #2180CE;
}

#page_header
{
	height: 17px;
	width: 940px;
}

#nav
{
	width: 280px;
	color: #2180CE;
	text-decoration: none;
	float: right;
	text-align: right;
	margin: 0 0 20px 0;
}
	/* End Header */	
	
	.twd-container{
		margin:30px auto;
		padding:10px;
		width:970px;
		overflow:hidden;
	}
	.img-entry{
		float:left;
		display:block;
		width:300px;
		height:200px;
		margin:10px;
		box-shadow:0px 10px 5px -5px rgba(0,0,0,.5);
	}
	.img-entry img{
		max-width: 100%;
		height: auto;
		width: auto; /* fixing ie bug*/
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;	
	}
	.zoom{
		position:absolute;
		display:block;
		width:300px;
		height:200px;
		opacity:0;
		-webkit-transition:opacity 1s ease-in-out;
		-moz-transition:opacity 1s ease-in-out;
		transition:opacity 1s ease-in-out;
		background:rgba(225,225,225,1) url(images/Search.png) center center no-repeat;
	}
	.img-entry:hover .zoom{
		opacity:0.5;
	}
	
	
	
	
	@media (max-width:970px){
		.twd-container{
			width:640px;
		}		
	}	
	@media (max-width:660px){
		.twd-container{
			width:320px;
		}
	}	
	@media (max-width:340px){
		.twd-container{
			width:auto;
		}
		.img-entry{
			float:none;
			width:100%;
			height:auto;
		}
	}